<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

    table{
        /* align-content: center; */
    
        font-size: large;
        margin: auto;
        /* background-color: #80f8ac ; */
        text-align: center;
    
    }
    th,
    td{
        height: 30px;
        width: 100px;
    }
    body{
        margin: 0;
    }
 
    </style>
</head>
<body>


    <script>
        let pride=+prompt("请输入商品价格：");
        let num=+prompt("请输入商品数量：");
        let address=prompt("请输入收获地址：");

        let total=pride*num;
        document.write(`

        <table class="a" border="px" cellspacing="0" >
        <caption><h1>订单确认</h1></caption>
        <thead>
            <th>商品名称</th>
            <th>商品价格</th>
            <th>商品数量</th>
            <th>总价</th>
            <th>收货地址</th>
        </thead>
        <tbody>
            <td>小米手机</td>
            <td>${pride}元</td>
            <td>${num}</td>
            <td>${total}</td>
            <td>${address}</td>

        </tbody>
    </table>
    
`);





    </script>
</body>
</html>